﻿<!DOCTYPE html>
<html ng-app="indexApp">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
    <title>NIPPON: HOME</title>
    <!-- jQuery -->
    <script src="Scripts/jquery/jquery-1.11.0.min.js"></script>
    <script src="Scripts/jquery/jquery-migrate-1.2.1.min.js"></script>
    <!-- Plugin -->
    <link href="Scripts/jquery/plugin/intl-tel-input/intlTelInput.css" rel="stylesheet" />
    <script src="Scripts/jquery/plugin/intl-tel-input/intlTelInput.js"></script>
    <!-- Bootstrap -->
    <link href="Scripts/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="Scripts/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
    <script src="Scripts/swf/swfobject.js"></script>
    <!-- Data -->
    <script src="Scripts/data.js"></script>
    <!-- Angular JavaScript -->
    <script src="Scripts/angular/angular.min.js"></script>


    <script src="Scripts/angular/angular-animate.min.js"></script>
    <script src="Scripts/angular/angular-resource.min.js"></script>
    <script src="Scripts/angular/angular-sanitize.min.js"></script>

    <script src="Scripts/bootstrap/js/bootstrap.min.js"></script>
    <script src="Scripts/angular/ui-bootstrap-tpls-0.12.0.min.js"></script>
    <script src="Scripts/angular/angular-file-upload.min.js"></script>
    <link href="Style/app.css" rel="stylesheet" />

    <script src="Scripts/indexApp.js"></script>

</head>
<body ng-controller="BodyController" ng-init="main_init()">
    <div class="nav-side-menu" ng-controller="NavController" ng-class="{hover:isHover}" ng-mouseover="hoverIn()" ng-mouseleave="hoverOut()">
        <i class="fa fa-bars fa-2x toggle-btn" data-toggle="collapse" data-target="#menu-content"></i>
        <div class="brand" ng-click="view_login()">
            <span class="brand-icon"><div id="logo-container" directive-logo></div></span>
            <span class="brand-text">NIPPON MANAGEMENT <br />SOFTWARE 2015.</span>
        </div>
        <div class="menu-list">
            <ul menu="menu" id="menu-content" class="menu-content collapse out"></ul>
        </div>
        <div class="social">
            <ul class="list-unstyled">
                <li ng-repeat="item in socials"> <a target="_blank" href="{{item.url}}"> <i class="fa fa-{{item.icon}} fa-2x"></i> </a></li>
            </ul>
        </div>
    </div>
    <header class="header-bar">
        <section class="header-bar-left">
            <div class="box-pageActived" ng-controller="HeadTextActivedController">
                <span class="box-pageActived-text"><a href="javascript:void(0)" ng-class="{parentTextActived:false}" ng-click="load()">{{textActived}}</a><small>{{subTextActived}}</small></span>
            </div>
        </section>
        <section class="header-bar-center">
            <div class="hot-news">
                <a ng-controller="RandomNews" ng-model="link_news" ng-mouseover="hoverIn()" ng-mouseleave="hoverOut()" href="javascript:void(0)">{{randomText}}</a>
            </div>
        </section>
        <section class="header-bar-right">
            <div class="header-bar-right-left" ng-controller="HeaderRight">
                <div ng-repeat="item in items">
                    <a href="javascript:void(0)" ng-click="loadPage(item)" ng-class="{active:item.id==actived}"><i class="fa fa-{{item.icon}}"></i>&nbsp;{{item.title_button||item.title}}</a>
                </div>
            </div>
            <div class="box-chooseLanguage">
                <a ng-controller="RandomLanguageController" class="links-randomLanguage" ng-mouseover="hoverIn()" ng-mouseleave="hoverOut()" href="javascript:void(0)">{{randomLanguage}}</a>
                <div class="dropdown" ng-controller="LanguageController" ng-init="init()">
                    <a id="cboLanguage" data-target="javascript:void(0)" href="javascript:void(0)" data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false">
                        <i class="fa fa-language"></i>&nbsp;{{title_active}}<span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu" role="menu" aria-labelledby="cboLanguage">
                        <li role="presentation" ng-repeat="item in items" ng-click="change(item)" ng-class="{active:item.countryId==activedId}"><a role="menuitem" tabindex="-1" href="javascript:void(0)" culture="{{item.culture}}">{{item.title}}</a></li>
                    </ul>
                </div>
            </div>
        </section>
    </header>
    <section id="section-body">
        <div id="main-breadcrumb" resize-breadcrumb ng-show="show" ng-controller="BreadcrumbController" ng-init="init()">
            <div class="main-breadcrumb-header">
                <span ng-repeat="item in items" class="main-breadcrumb-bar main-breadcrumb-bar{{$index}}" ng-class="{active:tabActived.id==tabs[$index].id}" ng-click="load(tabs[$index])"><a href="javascript:void(0)" ng-click="tabChange(tabs[$index])">{{tabs[$index].title}}</a></span>
            </div>
        </div>
        <div id="section-main" ng-controller="MainContentController" style="{{height}}" ng-init="resize()">
            <div class="mainContentLeft" ng-show="showVerticalText">
                <span class="vertical-bar-text">{{verticalText}}</span>
            </div>
            <!-- Main content -->
            <div class="main-content slide-animate" ng-class="{mainContentRight:showVerticalText}" ng-include="mainTemplate.href"></div>
        </div>
    </section>
    <footer class="footer-bar">
        <section class="footer-bar-center">
            <div class="footer-menu" ng-controller="FooterMenu">
                <span ng-repeat="item in items">
                    <a href="javascript:void(0)" ng-click="loadPage(item)" ng-class="{active:item.id==actived}">{{item.title}}</a>
                    <span ng-show="!$last">&nbsp;|&nbsp;</span>
                </span>
            </div>
        </section>
    </footer>

    <div class="panel-float-button" ng-controller="FloatButtonsController">
        <p ng-repeat="item in items" ng-show="item.show">
            <button type="button" id="{{item.html_id}}" class="btn btn-primary btn-{{item.html_class}}" ng-click="load(item)">{{item.title}}</button>
        </p>
    </div>
    <div id="modal-loading" style="display:none; position: fixed; left:0; top:0;z-index: 9999; height:100%; width:100%;">
        <span style="position: fixed; left:0; top:0;background-color:#000; height: 100%;width: 100%;opacity: .6;"></span>
        <span style="position: fixed; left:0; top:0;background: url(images/loading.gif) no-repeat center;height:100%; width:100%;"></span>
    </div>
</body>
</html>
